<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <form
      autocomplete="off"
      class="ant-form ant-form-vertical ant-pro-form"
      title="自定义 valueType"
    >
      <input
        style="display: none;"
        type="text"
      />
      <div
        class="ant-pro-form-group"
      >
        <div
          class="ant-pro-form-group-title"
        >
          标签
        </div>
        <div>
          <div
            class="ant-space ant-space-horizontal ant-space-align-start ant-pro-form-group-container "
            style="column-gap: 32px; row-gap: 0;"
          >
            <div
              class="ant-space-item"
            >
              <div
                class="ant-form-item ant-form-item-vertical"
              >
                <div
                  class="ant-row ant-form-item-row"
                >
                  <div
                    class="ant-col ant-form-item-label"
                  >
                    <label
                      class=""
                      for="name"
                      title="只读链接"
                    >
                      只读链接
                    </label>
                  </div>
                  <div
                    class="ant-col ant-form-item-control"
                  >
                    <div
                      class="ant-form-item-control-input"
                    >
                      <div
                        class="ant-form-item-control-input-content"
                      >
                        <a>
                          TradeCode 1
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-space-item"
            >
              <div
                class="ant-form-item ant-form-item-vertical"
              >
                <div
                  class="ant-row ant-form-item-row"
                >
                  <div
                    class="ant-col ant-form-item-label"
                  >
                    <label
                      class=""
                      for="name"
                      title="链接"
                    >
                      链接
                    </label>
                  </div>
                  <div
                    class="ant-col ant-form-item-control"
                  >
                    <div
                      class="ant-form-item-control-input"
                    >
                      <div
                        class="ant-form-item-control-input-content"
                      >
                        <input
                          class="ant-input ant-input-outlined"
                          id="name"
                          placeholder="请输入链接"
                          type="text"
                          value="TradeCode 1"
                        />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-pro-form-group"
      >
        <div
          class="ant-pro-form-group-title"
        >
          路径
        </div>
        <div>
          <div
            class="ant-space ant-space-horizontal ant-space-align-start ant-pro-form-group-container "
            style="column-gap: 32px; row-gap: 0;"
          >
            <div
              class="ant-space-item"
            >
              <div
                class="ant-form-item ant-form-item-vertical"
              >
                <div
                  class="ant-row ant-form-item-row"
                >
                  <div
                    class="ant-col ant-form-item-label"
                  >
                    <label
                      class=""
                      for="status"
                      title="标签"
                    >
                      标签
                    </label>
                  </div>
                  <div
                    class="ant-col ant-form-item-control"
                  >
                    <div
                      class="ant-form-item-control-input"
                    >
                      <div
                        class="ant-form-item-control-input-content"
                      >
                        <div
                          class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                        >
                          <div
                            class="ant-space-item"
                          >
                            <span
                              class="ant-tag"
                            >
                              close
                            </span>
                          </div>
                          <div
                            class="ant-space-item"
                          >
                            <span
                              class="ant-tag"
                            >
                              close
                            </span>
                          </div>
                          <div
                            class="ant-space-item"
                          >
                            <input
                              class="ant-input ant-input-sm ant-input-outlined"
                              style="width: 78px;"
                              type="text"
                              value=""
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-space-item"
            >
              <div
                class="ant-form-item ant-form-item-vertical"
              >
                <div
                  class="ant-row ant-form-item-row"
                >
                  <div
                    class="ant-col ant-form-item-label"
                  >
                    <label
                      class=""
                      for="status"
                      title="只读标签"
                    >
                      只读标签
                    </label>
                  </div>
                  <div
                    class="ant-col ant-form-item-control"
                  >
                    <div
                      class="ant-form-item-control-input"
                    >
                      <div
                        class="ant-form-item-control-input-content"
                      >
                        <span
                          class="ant-tag"
                        >
                          close
                        </span>
                        <span
                          class="ant-tag"
                        >
                          close
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        style="display: flex; gap: 8px; align-items: center;"
      >
        <button
          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
          type="button"
        >
          <span>
            重 置
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
          type="button"
        >
          <span>
            提 交
          </span>
        </button>
      </div>
    </form>
  </div>
</DocumentFragment>